<template>
  <el-container>
    <el-header>
      <!-- <filter-bar></filter-bar> -->
      <h2>最近七日数据分析</h2>
    </el-header>
    <el-main>
      <el-row :gutter="20">
        <el-col :span="12">
          <key-finding></key-finding>
        </el-col>
        <el-col :span="12">
          <overall-distribution></overall-distribution>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="12">
          <rate-trend></rate-trend>
        </el-col>
        <el-col :span="12">
          <ranking-list></ranking-list>
        </el-col>
      </el-row>
    </el-main>
  </el-container>
</template>
<script>
  import FilterBar from '@/components/FilterBar'
  import KeyFinding from './KeyFinding'
  import RankingList from './RankingList'
  import OverallDistribution from './OverallDistribution'
  import RateTrend from './RateTrend'
  export default {
    components: {FilterBar, KeyFinding, RankingList, OverallDistribution, RateTrend}
  }
</script>
<style lang="scss" scoped>
.el-row {
  margin-bottom: .1rem;
}
</style>

